<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

<ui:composition template="/template.xhtml" >

    <ui:define name="titulo" >
        Caja
    </ui:define>

    <ui:define name="contenido" >
                        
        <h:form prependId="false">           

        <p:tabView>
            <p:tab title="Caja diaria "> 
                
                <div class="ui-grid-responsive" style="padding: 1.3em;">
                    <div class="ui-grid-row">
                        <div class="ui-grid-col-4" >
                            
                            <h:outputText value="Fecha " />
                            <p:calendar value="#{cajaBean.fecha}" pattern="dd/MM/yyyy" size="10" >
                            </p:calendar>
                            
                        </div>
                        <div class="ui-grid-col-4" >
                            <p:commandButton value="Nuevo ingreso"  />
                            <p:commandButton value="Nuevo egreso"  />
                        </div>
                        <div class="ui-grid-col-4" style="text-align: right;" >
                            
                            <h:outputText value="Saldo " />
                            <h:outputText value="$ 12.525" />
                            
                        </div>
                    </div>
                </div>
                
                <p:dataTable >

                </p:dataTable>  

            </p:tab>
        </p:tabView>
                  
        </h:form>
        
    </ui:define>

</ui:composition>
</html>
